<template>
  <a-card class="j-inner-table-wrapper" :bordered="false">

    <!-- 查询区域 begin -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline"  @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <a-form-item label="缴费账户">
              <a-input v-model="queryParam.accCode" style="width:160px;" placeholder="缴费账户"/>
            </a-form-item>
          </a-col>          
          <a-col :xl="10" :lg="10" :md="12" :sm="24">
            <a-form-item label="缴费日期">
            <j-date class="query-group-cust" v-model="queryParam.createTimeBegin" style="width:130px;"
              date-format="YYYY-MM-DD"/>
            <span class="query-group-split-cust"></span>
            <j-date class="query-group-cust" v-model="queryParam.createTimeEnd" style="width:130px;"
               date-format="YYYY-MM-DD"/>
            </a-form-item>
          </a-col>         
          <a-col :xl="4" :lg="6" :md="8" :sm="24">
            <span class="table-page-search-submitButtons table-operator">
              <a-button type="primary" icon="search" @click="searchQuery">查询</a-button>                   
            </span>
          </a-col>
        </a-row>
        <a-row>
           <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <a-form-model-item label="票据类型："  prop="readAmount">
              <j-dict-select-tag type="list" v-model="queryParam.billTypeId" style="width:160px;"  class="underListWay" dictCode="bill_type_id"  ></j-dict-select-tag>
            </a-form-model-item>
          </a-col>
          <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <a-form-model-item label="打印方式："  prop="readAmount">
               <j-dict-select-tag type="list" v-model="queryParam.feePrintWay" defaultValue="01"  class="underListWay"  dictCode="fee_print_way"  />
            </a-form-model-item>
          </a-col>  
          <a-col :xl="4" :lg="6" :md="8" :sm="24">
            <span class="table-page-search-submitButtons table-operator">
              <a-button  icon="snippets" style="margin-left:20px;" @click="handleBillOpen">开票打印</a-button>                   
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>


    <!-- 查询区域 end -->

   

    <!-- table区域 begin -->
     

    <div>      
      <a-tabs defaultActiveKey="1" style="margin:0px;">
        <a-tab-pane tab="缴费记录" key="1" >
          <ChgPayfeeList ref="payfeeListChild"   />
        </a-tab-pane>
      </a-tabs>      
    </div>
    <!-- table区域 end -->

  </a-card>
</template>

<script>

  import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
  import JDate from '@/components/jeecg/JDate.vue'
  import ChgPayfeeList from './ChgPayfeeList'
  import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
  import '@/assets/less/TableExpand.less'

  export default {
    name: 'ChgPayfeeForm', 
    components: {     
      JDate,
      JDictSelectTag,
      ChgPayfeeList
    },
    data() {
      return {
        description: '弹框缴费记录-表单',
        
        superFieldList:[],
        queryParam:{
          accCode: '',
          createTimeBegin: '',
          createTimeEnd: '',
          billTypeId: '01',
          feePrintWay: '01'
        }
      }
    },
    created() {
     
    },
    computed: {
      
    },
    methods: {
      add(){

      },
      searchQuery(){
        this.$refs.payfeeListChild.setQueryParam(this.queryParam);
      },
      handleBillOpen(){ 
        this.$emit('handleOpenBill');            
      },
      getBillParam(){
        let rowIds=this.$refs.payfeeListChild.getSelectDataRowIds();
        this.queryParam.payId= rowIds;
        return this.queryParam;
      },
      handleExpand(expanded, record) {
        this.expandedRowKeys = []
        if (expanded === true) {
          this.expandedRowKeys.push(record.id)
        }
      }
   
    }
  }
</script>
<style lang="less" scoped>
  @import '~@assets/less/common.less';
</style>